<script setup>
import Color from 'element-plus/es/components/color-picker/src/color';




</script>

<template>
    <div>
        <!-- 新书快递模块 -->
        <div class="newbook">
            <!-- 新书快递模块----顶部导航栏 -->
            <div class="newbookdaohangtiao">
                <div class="xskd">浏览图书</div>
                <ul>
                    <li><router-link to="/quanbuyemian">全部</router-link></li>
                    <li><a href="">文学</a></li>
                    <li><a href="">小说</a></li>
                    <li><a href="">历史文化</a></li>
                    <li><a href="">社会纪实</a></li>
                    <li><a href="">科学新知</a></li>
                    <li><a href="">艺术设计</a></li>
                    <li><a href="">商业经营</a></li>
                    <li><a href="">绘本漫画</a></li>
                    <li><a href="">更多>></a></li>
                </ul>
                <div class="hengxian"></div>
                
               
            </div>

        </div>

        <router-view></router-view>
    </div>

</template>

<style scoped>
/* 新书快递 */
.newbook {
    width: 675px;
    height: 554px;
    margin-top: 15px;
    margin-left: 250px;
}

/* 新书快递模块----顶部导航条 */
.newbookdaohangtiao {
    width: 875px;
    height: 27px;
}

.xskd {
    font-size: 20px;
    font-weight: bolder;
}

.newbookdaohangtiao li {
    font-size: 13px;
    display: inline;
    list-style: none;
    margin: 60px 15px 15px 15px;
}

.newbookdaohangtiao a {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.newbookdaohangtiao a:hover {
    color: cornflowerblue;
}

.hengxian {
    margin-top: 5px;
    border-bottom: 1px solid rgb(223, 222, 222);
}


</style>